import { defaultConfig } from '@una-ui/nuxt/una.config'

export default defaultConfig({
  /**
   * UnoCSS Configuration Options
   * 
   * You can extend the default UnoCSS configuration here by adding rules, 
   * themes, variants, and other options.
   * 
   * @see https://unocss.dev/guide/config-file
   * @see https://unocss.dev/config/
  */
  theme: {
    colors: {
      // primary: '#8B5CF6'
      primary: {
        DEFAULT: '#8B5CF6',
        50: '#F5F3FF',    // 极浅色
        100: '#E9D5FF',   // 浅色
        200: '#D8B4FE',   // 淡色
        300: '#C084F7',   // 柔和色
        400: '#A855F7',   // 稍淡主色
        500: '#8B5CF6',   // DEFAULT（主色）
        600: '#7C3AED',   // 深色
        700: '#6B2CB0',   // 更深色（推荐用于悬停/按压状态）
      }
    },
  },
  /**
   * Una UI Shortcuts Customization
   * 
   * Shortcuts allow you to create reusable utility combinations or override
   * the default Una UI components styling.
   * 
   * Two types of shortcuts:
   * 1. Static: Simple string mappings (object format)
   * 2. Dynamic: RegExp patterns with functions that return styles
   * 
   * @see https://github.com/una-ui/una-ui/tree/main/packages/preset/src/_shortcuts
   * @see https://unocss.dev/config/shortcuts
  */
  shortcuts: [
    ['bg-popover', 'bg-base'],
    /**
     * Static Shortcuts
     * 
     * Use these to create new utility combinations or override existing ones.
     * 
     * @example 
     * 'btn-custom': 'py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600',
     * 'card': 'p-4 border rounded-lg shadow bg-white dark:bg-gray-800'
    */
    {
      // add here ...
    },

    /**
     * Dynamic Shortcuts
     * 
     * Create pattern-based utilities with variants using RegExp.
     * 
     * @example
     * [/^gradient-(\w+)$/, ([, color]) => `bg-gradient-to-r from-${color}-500 to-${color}-700`],
     * [/^shadow-(\w+)$/, ([, size]) => size === 'sm' ? 'shadow-sm' : size === 'lg' ? 'shadow-lg' : 'shadow']
    */
  ],
})